From: Georges Basile Stavracas Neto <georges.stavracas@gmail.com>
Date: Fri, 5 Jun 2020 03:31:13 +0000 (-0300)
Subject: appDisplay: Fade the dialog background
X-Git-Tag: archive/raspbian/50.5-1+rpi1~1^2~684^2^2~281
X-Git-Url: https://dgit.raspbian.org/%22http://www.example.com/cgi/%22/%22http:/www.example.com/cgi/%22?a=commitdiff_plain;h=ffdf3feb04ea22726bcd43f821f3d09fb7a38ac9;p=gnome-shell.git

appDisplay: Fade the dialog background

As a last step towards the better app grid, add a semi-transparent
black background to the folder dialog.

https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/1301
---

diff --git a/js/ui/appDisplay.js b/js/ui/appDisplay.js
index 3dd62dfc5..5eb0b291a 100644
--- a/js/ui/appDisplay.js
+++ b/js/ui/appDisplay.js
@@ -1621,6 +1621,11 @@ var AppFolderDialog = GObject.registerClass({
             opacity: 0,
         });
 
+        this.ease({
+            background_color: Clutter.Color.from_pixel(0x000000cc),
+            duration: FOLDER_DIALOG_ANIMATION_TIME,
+            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+        });
         this.child.ease({
             translation_x: 0,
             translation_y: 0,
@@ -1653,6 +1658,12 @@ var AppFolderDialog = GObject.registerClass({
         let [dialogX, dialogY] =
             this.child.get_transformed_position();
 
+        this.ease({
+            background_color: Clutter.Color.from_pixel(0x00000000),
+            duration: FOLDER_DIALOG_ANIMATION_TIME,
+            mode: Clutter.AnimationMode.EASE_OUT_QUAD,
+        });
+
         this.child.ease({
             translation_x: sourceX - dialogX,
             translation_y: sourceY - dialogY,